@import '../../../../style/font.scss';
@import '../../../../style/color.scss';

.run-once-page {
  padding: 20px 30px;

  .run-once-wrap {
    // background-color: #ffffff;
  //  padding-bottom: 12px;
    overflow: hidden;

    .content-wrap {
      width: 100%;
      height: 445px;
      overflow: auto;
    }

    .run-once-title {
      background: url("../../../../../images/horizonImg/run_tite_bg.png") no-repeat;
      height: 50px;
      line-height: 50px;
      font-family: $DFYuanW7-GBK;
      font-size: 20px;
      color: #292929;
      padding-left: 20px;
      letter-spacing: 0;
    }

    .content-item {
      border: solid 1px $page-border-color;
      border-radius: 25px;
      overflow: hidden;
      background-color: #fff;

      &:not(:last-child) {
        margin: 10px 0;
      }

      .item-title {
        font-family: $DFYuanW7-GBK;
        font-size: 18px;
        color: $home-content-color;
        letter-spacing: 0;
        padding: 15px 20px 15px;
        border-bottom: dashed 1px $un-active-font-color;
        line-height: 18px;
      }
      .item-icon {
        background-color: #fff;
        text-align: center;
        width: 170px;
        float: left;
        text-align: center;
        padding: 10px 10px 0;
        border-right: solid 1px $un-active-font-color;
        line-height: 0;
      }
      .item-icon:hover {
        background-color: #E8EDE6;
        cursor: pointer;
      }


      .label {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 8px;
        line-height: 14px;
        font-family: $DFYuanW7-GBK;
        font-size: 14px;
        color: #666666;
        letter-spacing: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      img {
        width: 50px;
        height: 50px;
        display: inline-block;
      }
    }

    .content-item + .content-item {
    }
  }

}

// 跑一次详情
.run-once-detail {

  img {
    width: 100%;
  }
}


.v-run-once-page {

  padding: 55px 15px 0;

  .run-once-wrap {
   // padding-bottom: 12px;

    .content-wrap {
      height: 1225px;
      overflow: auto;
      margin-top: 10px;
    }

    .run-once-title {
      background-color: #fff;
      height: 50px;
      background: url("../../../../../images/vertical/run_once_bg.png") no-repeat;
      background-size: 100% 50px;
      line-height: 50px;
      font-family: $DFYuanW7-GBK;
      font-size: 20px;
      color: #292929;
      letter-spacing: 0;
      padding-left: 20px;
    }

    .content-item {
      overflow: hidden;
      background-color: #fff;
      border-radius: 25px;
      border:solid 1px #CCCCCC;

      &:not(:first-child) {
        margin: 10px 0;
      }

      .item-title {
        font-family: $DFYuanW7-GBK;
        font-size: 18px;
        color: $home-content-color;
        letter-spacing: 0;
        padding: 15px 20px;
        border-bottom: dashed 1px $un-active-font-color;
      }
      .item-icon {
        background-color: #fff;
        text-align: center;
        width: 170px;
        float: left;
        text-align: center;
        padding: 9px 10px 0;
        border-right: solid 1px $un-active-font-color;
        line-height: 0;
      }
      .item-icon:hover {
        background-color: #E8EDE6;
      }


      .label {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 8px;
        line-height: 1em;
        font-family: $DFYuanW7-GBK;
        font-size: 14px;
        color: #666666;
        letter-spacing: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      img {
        width: 50px;
        height: 50px;
        display: inline-block;
      }
    }

    .content-item + .content-item {
    }
  }

}
